// @flow

import React from "react";

const Quit = ({ size = 18, color = "currentColor" }: { size?: number, color?: string }) => (
  <svg
    width={size}
    height={size}
    viewBox="0 0 31 30"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M13.6775 0.25C12.5729 0.25 11.6775 1.14543 11.6775 2.25V9.43182H13.6775V2.25L26.6775 2.25V27.5227L13.6775 27.5227V20.3409H11.6775V27.5227C11.6775 28.6273 12.5729 29.5227 13.6775 29.5227H26.6775C27.782 29.5227 28.6775 28.6273 28.6775 27.5227V2.25C28.6775 1.14543 27.782 0.25 26.6775 0.25H13.6775ZM0.993089 14.1793C0.602564 14.5698 0.602564 15.2029 0.993089 15.5935L5.76582 20.3662C6.15634 20.7567 6.78951 20.7567 7.18003 20.3662C7.57055 19.9757 7.57055 19.3425 7.18003 18.952L4.11441 15.8864H20.1775C20.7297 15.8864 21.1775 15.4386 21.1775 14.8864C21.1775 14.3341 20.7297 13.8864 20.1775 13.8864H4.11441L7.18003 10.8207C7.57055 10.4302 7.57055 9.79706 7.18003 9.40653C6.78951 9.01601 6.15634 9.01601 5.76582 9.40653L0.993089 14.1793Z"
      fill={color}
    />
  </svg>
);

export default Quit;
